<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06-jQuery核心函数</title>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        // $();就代表调用jQuery的核心函数

        // 1、接收一个函数
        $(function(){
            alert("hello kode1");
            // 2、接收一个字符串
            // 2.1、接收一个字符串选择器
            var b1 = $(".box1");
            var b2 = $("#box2");
            console.log(b1);
            console.log(b2);
            // 2.2、接收一个字符串代码片段
            // 返回一个jQuery对象，对象中保存了找到的DOM元素
            // 返回一个jQuery对象，对象中保存了创建的DOM元素
            var p = $("<p>我是段落</p>");
            console.log(p);
            b1.append(p);
            // 3、接收一个DOM元素
            // 会被包装成一个jQuery对象返回给我们
            var span = document.getElementsByTagName("span")[0];
            // console.log(span);
            var $span = $(span);
            console.log($span);
        });

    </script>
</head>
<body>
<div class="box1"></div>    
<div id="box2"></div>
<span>我是span</span>
</body>
</html>